<!DOCTYPE html>
<html class="loginHtml">
<head>
	<meta charset="utf-8">
	<title>验证</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">

	<link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
	<!--<link rel="stylesheet" href="/static/css/public.css">-->
	<script type="application/javascript" src="/static/js/jQuery.js"></script>
	<script type="application/javascript" src="/static/layui/layui.js"></script>
	<script type="application/javascript" src="/static/js/login.js"></script>
	<style>
		.loginBody form.layui-form {
			padding: 0 20px;
			width: 300px;
			height: 290px;
			position: absolute;
			left: 50%;
			top: 50%;
			margin: -150px 0 0 -150px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box;
			background: #fff;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			box-shadow: 0 0 50px #009688;
		}

		.login_face {
			margin: -55px auto 20px;
			width: 100px;
			height: 100px;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			border: 5px solid #fff;
			overflow: hidden;
			box-shadow: 0 0 30px #009688;
		}

		.login_face img {
			width: 100%;
		}

		/*.loginBody .layui-form-item{ position:relative;}*/
		.loginBody .layui-form-item label {
			position: absolute;
			color: #757575;
			left: 10px;
			top: 9px;
			line-height: 20px;
			background: #fff;
			padding: 0 5px;
			font-size: 14px;
			cursor: text;
		}

		.loginBody .layui-form-item.layui-input-focus label {
			top: -10px;
			font-size: 12px;
			color: #ff6700;
		}

		.loginBody .layui-form-item.layui-input-active label {
			top: -10px;
			font-size: 12px;
		}
	</style>
</head>
<body class="loginBody">
	<form class="layui-form">
		<div class="login_face"></div>
		<div class="layui-form-item input-item">
			<input type="tel" placeholder="请输入手机号" id="userTel" name="userTel" class="layui-input" lay-verify="required|phone">
		</div>
		<div class="layui-form-item input-item">
			<input type="text" placeholder="请输入姓名" id="userName" name="userName" class="layui-input" lay-verify="required">
		</div>
		<div class="layui-form-item">
			<button class="layui-btn layui-block" lay-filter="login" id="login" lay-submit>验证</button>
		</div>
	</form>
</body>
</html>